<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 图片标签img 
     相对路径：./当前目录   ../上一级目录
     绝对路径：D:/XXX C:/XXX
     -->
     <img width="150px" src="./ad7.jpeg" alt="图片加载失败的文字说明">
    <img height="200px" src="https://img.3dmgame.com/uploads/images/news/20231112/1699796977_782007.jpg" alt="">
    <!-- 超链接标签 a标签
    1打开外部网址
    2打开内部链接（文件）
    3锚点  
    -->
    <a href="https://www.baidu.com" target="_blank">百度一下</a>
    <!-- target为打开方式 -->
    <a href="./1-初识html.html">打开初识html页面</a>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
   <p id="pid">段落标签</p>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <!-- 锚点 回到顶部href'# -->
    <a href="#">回到顶部</a>
    <!-- 指定锚点跳转  #+id值-->
     <a href="#pid">跳转至p标签</a>
</body>
</html>
